<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>技研中心 - 登入</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/Loading.css">
    <link rel="stylesheet" href="lib/css/bootstrap.css">
    <link rel="stylesheet" href="lib/css/bootstrap-theme.css">
    <link rel="stylesheet" href="lib/css/particles.css">
    <link rel="stylesheet" href="css/require.css">
    <link rel="stylesheet" href="css/inputStyle.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div id="particles-js"></div>
    <!--<div id="cover"></div>-->
    <!--阉割版导航条-->
    <nav class="navbar nav-trc">
        <div class="container-fluid">
            <!-- 品牌和调整按钮被分组 便于移动端显示 -->
            <div class="navbar-header">
                <a href="#" class="nav-logo"><img src="img/logo.png" alt="logo"></a>
            </div>
        </div><!-- /.container-fluid -->
    </nav>

    <!---->
    <div class="window container" id="login">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3  login-area">
                <div class="login">
                    <h2>登录</h2>
                    <h3>使用您的技研账号</h3>
                    <form action="#">
                        <div class="loginID input-design">
                            <input type="text" id="userName" name="userName" autofocus="autofocus" autocomplete="off" required>
                            <label for="userName">
                                <span class="placeholder">电子邮箱地址/用户名</span>
                            </label>
                        </div>
                        <div class="loginPwd input-design">
                            <input type="password" id="userPwd" name="loginPwd" autocomplete="off" required>
                            <label for="userPwd">
                                <span class="placeholder">密码</span>
                            </label>
                        </div>
                        <p class="forgeID"><a href="#">忘记密码？</a></p>
                        <p class="submit clearfix"><a href="#" class="create-design" id="noAccount">创建账号</a><input type="button" href="#" class="submit-design" value="登录"></p>
                    </form>
                </div>
                <div class="register disable">
                    <h2>注册</h2>
                    <h3>创建您的技研账号</h3>
                    <form action="#">
                        <div class="regName input-design">
                            <input type="text" id="regName" name="userName" autofocus="autofocus" autocomplete="off" required title="输入您的用户名" maxlength="16">
                            <label for="regName">
                                <span class="placeholder">用户名</span>
                            </label>
                        </div>
                        <div class="regStuName input-design">
                            <input type="text" id="regStuName" name="regStuName" autofocus="autofocus" autocomplete="off" required title="输入您的真实姓名">
                            <label for="regStuName">
                                <span class="placeholder">真实姓名</span>
                            </label>
                        </div>
                        <div class="regStuID input-design">
                            <input type="text" id="regStuID" name="regStuID" autofocus="autofocus" autocomplete="off" required title="输入您的学号" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')">
                            <label for="regStuID">
                                <span class="placeholder">学号</span>
                            </label>
                        </div>
                        <div class="regPhone input-design">
                            <input type="text" id="regPhone" name="regPhone" autocomplete="off" required title="输入您的联系电话" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')">
                            <label for="regPhone">
                                <span class="placeholder">联系电话</span>
                            </label>
                        </div>
                        <div class="regEmail input-design">
                            <input type="text" id="userEmail" name="userEmail" autocomplete="off" required title="输入您的电子邮箱地址">
                            <label for="userEmail">
                                <span class="placeholder">电子邮箱地址</span>
                            </label>
                        </div>

                        <div class="regPwd input-design">
                            <input type="password" id="RegUserPwd" name="userPwd" autocomplete="off" required title="设定您的登录密码">
                            <label for="RegUserPwd">
                                <span class="placeholder">密码</span>
                            </label>
                        </div>
                        <div class="regPwdRep input-design">
                            <input type="password" id="RegUserPwdRep" name="userPwdRep" autocomplete="off" required title="确认您的登录密码">
                            <label for="RegUserPwdRep">
                                <span class="placeholder">重复密码</span>
                            </label>
                        </div>
                        <p class="regRule">注册即代表您已阅读并同意：技研 <a href="#">用户协议</a> 和 <a href="#">隐私政策</a></p>
                        <p class="submit clearfix"><a href="#" class="create-design" id="hadAccount">已有账号？</a><input type="button" href="#" class="submit-design" value="注册"></p>
                    </form>
                </div>




                <!--<img src="img/logo-blue.png" alt="技研中心LOGO">-->

            </div>
        </div>
    </div>

    <script src="lib/jquery-3.4.1.js"></script>
    <script src="lib/js/bootstrap.js"></script>
    <script src="lib/particles.js"></script>
    <script src="js/login.js"></script>
</body>
</html>